<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="../../../css/icon.css">
    <link rel="stylesheet" type="text/css" href="../../../css/easyui.css">
    <script type="text/javascript" src="../../../js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="../../../js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../../../js/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript">
        var datagrid;
        var message =$.messager;
        var operateDialog;
        function add_() {
            var href = "user_add.html";
            operateDialog = $("#operateDialog").dialog({title : '创建'});
            $("#operateIFrame")[0].src=href;
            operateDialog.dialog('open');
        }
    </script>
</head>
<body class="easyui-layout">
<div data-options="region:'north'" style="overflow:hidden;">
    <div class="datagrid-toolbar" style="height: auto">
        <br/>
        <fieldset>
            <legend>Condition/查询条件</legend>
            <table width="100%">
                <tr>
                    <td align="right">Code编号：</td>
                    <td>
                        <input type="text"/>
                    </td>
                    <td align="right">Name姓名：</td>
                    <td>
                        <input type="text"/>
                    </td>
                    <td align="right">E-mail邮件：</td>
                    <td>
                        <input type="text"/>
                    </td>
                </tr>
                <tr>
                    <td align="right">Fax传真：</td>
                    <td>
                        <input type="text"/>
                    </td>
                    <td align="right">Phone电话：</td>
                    <td>
                        <input type="text"/>
                    </td>
                </tr>
            </table>
        </fieldset>
        <br/>
    </div>
</div>
<div data-options="region:'center'">
    <div id="tb">
        <a class="easyui-linkbutton" href="javascript:void(0);" plain="true" iconCls="icon-search">Search查询</a>
        <a class="easyui-linkbutton" href="javascript:void(0);" plain="true" iconCls="icon-undo">Reset重置</a>
        <a class="easyui-linkbutton" href="javascript:void(0);" plain="true" iconCls="icon-add" onclick="add_();">Add新增</a>
        <a class="easyui-linkbutton" href="javascript:void(0);" plain="true" iconCls="icon-edit">Modify修改</a>
        <a class="easyui-linkbutton" href="javascript:void(0);" plain="true" iconCls="icon-cancel">Delete删除</a>
        <a class="easyui-linkbutton" href="javascript:void(0);" plain="true" iconCls="icon-authorize">授权</a>
    </div>
    <table class="easyui-datagrid" toolbar="#tb" pagination="true" fit="true">
        <thead>
        <tr>
            <th field="ck" checkbox="true"></th>
            <th field="1" width="140" align="center">UserCode<br/>用户编号</th>
            <th field="2" width="140" align="center">UserName<br/>用户姓名</th>
            <th field="3" width="140" align="center">UserE-mail<br/>用户邮件</th>
            <th field="4" width="180" align="center">UserFax<br/>用户传真</th>
            <th field="5" width="140" align="center">UserPhone<br/>用户电话</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td></td>
            <td>VT</td>
            <td>Vincent Talian</td>
            <td>vincent.talian@behrgroup.com</td>
            <td></td>
            <td>+86 13621969141</td>
        </tr>
        <tr>
            <td></td>
            <td>CL/陈璐</td>
            <td>Chen Lu/陈璐</td>
            <td>lu.chen@sbts-co.com</td>
            <td>+86(0)21/58546100</td>
            <td>+86 21/68654510-3008</td>
        </tr>
        </tbody>
    </table>
</div>
<div id="operateDialog" class="easyui-dialog" style="width:600px;height:180px;"
     data-options="iconCls:'icon-save',resizable:true,modal:true,closed: true,collapsible:true,maximizable:true">
    <iframe scrolling="auto" id='operateIFrame' frameborder="0"  src="" style="width:100%;height:100%;"/>
</div>
</body>
</html>